<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vip</title>
	<link rel="stylesheet" href="../style/vip.css">
	<link rel='SHORTCUT ICON' href='../images/favicon.ico'>
</head>
<body>
	<div class="vip_header">
		<div class="container">
            <!--网站LOGO S-->
            <div class="nav_logo">
                <h1 class="nav_logo_title">
                    <a class="navbar_logo_link" href="index.html">
                        <img class="navbar_logo__search" alt="绿钻豪华版">
                    </a>
                    <span>绿钻豪华版</span>
                </h1>
            </div>
            <!--网站LOGO E-->

            <!--网站导航 S-->
            <ul class="mod_nav">
                <li class="nav__item nav__item--current"><a class="nav__item_link" href="index.html" style="color: rgb(35, 180, 91);">首页</a></li>
                <li class="nav__item">
                    <a class="nav__item_link" href="svip/level.html" >特权与等级</a>
                    <ul class="nav_dropdown" style="display: none; visibility: hidden; opacity: 0;">
                        <li class="nav_dropdown__item"><a class="nav_dropdown__item_link" href="svip/level.html">成长等级</a></li>
                        <li class="nav_dropdown__item"><a class="nav_dropdown__item_link" href="svip/detail/hq_listen.html">全部特权</a></li>
                    </ul>
                </li>
                
                <li class="nav__item js_wx_hide">
                    <a class="nav__item_link" href="svip/activity.html">最新活动</a>
                  
                </li>
                <li class="nav__item"><a class="nav__item_link" href="yearvip.html" >年费专区</a></li>
                <li class="nav__item"><a class="nav__item_link" href="//y.qq.com/vip/fufeibao/index.html" target="_blank">付费音乐包</a></li>
                
            </ul>
            <!--网站导航 E-->

            <!--身份位 S-->
            <div class="mod_identity">
                <div class="identity_no_login">
                    <p>您还没有登录，<a href="login.html" class="txt4">马上登录</a></p>
                </div>
            </div>
            <!--身份位 E-->
        </div>
	</div>
	<div class="vip_main">
		



		<div class="section mod_banner_show active" data-anchor="first_page" style="height: 900px;">
        <ul class="banner_show_list" id="banner_show_list">
            <li class="banner_show__item banner_show__item--1"></li>
            <li class="banner_show__item banner_show__item--2"></li>
            <li class="banner_show__item banner_show__item--3"></li>
        </ul>
        <div class="banner_show_content">
            <div class="banner_show__tit" id="banner_show_content">
                <h2 class="banner_show_title banner_show_title--1 play">绿钻豪华版</h2>
                <h2 class="banner_show_title banner_show_title--2">年费绿钻</h2>
                <h2 class="banner_show_title banner_show_title--3">付费音乐包</h2>
            </div>
            <div class="banner_show__con" id="banner_show_con">
                <p class="banner_show__text banner_show__text--1 play">音乐，更优悦</p>
                <p class="banner_show__text banner_show__text--2">当热爱成为一种习惯</p>
                <p class="banner_show__text banner_show__text--3">让创作更有价值</p>
            </div>
            <a class="banner_show_btn js_openvip_btn play" href="javascript:;">立即开通</a>
        </div>
        <div class="banner_show_nav">
            <div class="container" id='banner_show_nav'>
                <a href="javascript:;" class="banner_show_nav__item banner_show_nav__item--1 banner_show_nav__item--current" data-code="xxzxhh">
                    <span class="banner_show_nav__item_con">绿钻豪华版</span>
                </a>
                <a href="javascript:;" class="banner_show_nav__item banner_show_nav__item--2" data-code="xxzxhh_n">
                    <span class="banner_show_nav__item_con">年费绿钻豪华版</span>
                </a>
                <a href="javascript:;" class="banner_show_nav__item banner_show_nav__item--3" data-code="qqmsey">
                    <span class="banner_show_nav__item_con">付费音乐包</span>
                </a>
            </div>
        </div>
        <a class="banner_show_down" href="javascript:;" style="display: none;">向下</a>
    </div>
	








		<div class="vip_header2">
			<div class="vip_h_img"></div>
			<div class="feature_intro">
				<div class="contaner">
					<h2 class="feature_title--1">音乐，不将就</h2>
					<div class="featureCon"></div>
					<div class="fFont">
						<ul>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon--hq_download">
									</span>
									<span class="ft_privi_text">高品质音乐下载</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon--sq_download">
									</span>
									<span class="ft_privi_text">无损音乐下载</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon--pay_download">
									</span>
									<span class="ft_privi_text">付费音乐下载</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="c_bg1"></div>
				<div class="c_bg2"></div>
			</div>
		</div>
		<div class="vip_header3">
			<div class="vip_h_img_2"></div>
			<div class="feature_intro">
				<div class="contaner">
					<h2 class="feature_title--2">音乐，不将就</h2>
					<div class="featureCon_2"></div>
					<div class="fFont">
						<ul>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--style_theme">
									</span>
									<span class="ft_privi_text">个性主题</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--geci_font">
									</span>
									<span class="ft_privi_text">歌词海报字体</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--danmu_pop">
									</span>
									<span class="ft_privi_text">个性弹幕气泡</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--qqmusic_shou">
									</span>
									<span class="ft_privi_text">QQ音乐首唱会</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="feature_item_shape feature_item_shape--2_1"></div>
				<div class="feature_item_shape feature_item_shape--2_2"></div>
				<div class="feature_item_shape feature_item_shape--2_3"></div>
			</div>
		</div>
		<div class="vip_header4">
			<div class="vip_h_img_3"></div>
			<div class="feature_intro">
				<div class="contaner">
					<h2 class="feature_title--3">音乐，不将就</h2>
					<div class="featureCon_3"></div>
					<div class="fFont">
						<ul>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--flash_svip">
									</span>
									<span class="ft_privi_text">闪电尊贵图标</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--spec_icon">
									</span>
									<span class="ft_privi_text">付费音乐专属图标</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--grow_speed">
									</span>
									<span class="ft_privi_text">成长加速</span>
								</a>
							</li>
							
						</ul>
					</div>
				</div>
				<div class="feature_item_shape feature_item_shape--3_2"></div>
				<div class="feature_item_shape feature_item_shape--3_3"></div>
			
			</div>
		</div>
		<div class="vip_header5">
			<div class="vip_h_img_4"></div>
			<div class="feature_intro">
				<div class="contaner">
					<h2 class="feature_title--4">音乐，不将就</h2>
					<div class="featureCon_4"></div>
					<div class="fFont">
						<ul>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--qqzone_bgm">
									</span>
									<span class="ft_privi_text">qq空间背景音乐</span>
								</a>
							</li>
							<li class="ft_privi_item">
								<a href="svip/detail/sq_download.html">
									<span class="ft_privi_icon ft_privi_icon--style_bgm">
									</span>
									<span class="ft_privi_text">个性音乐</span>
								</a>
							</li>
							
						</ul>
					</div>
				</div>
				<div class="feature_item_shape feature_item_shape--4_2"></div>
				<div class="feature_item_shape feature_item_shape--4_3"></div>

			</div>
		</div>
		
	</div>
	<div class="vip_foot">
		<div class="section_inner">
			<div class="footer_copyright">
				<p>
                <a href="//www.tencent.com/" rel="nofollow" target="_blank" title="关于腾讯">关于腾讯</a> |
                <a href="//www.tencent.com/index_e.shtml" rel="nofollow" target="_blank" title="About Tencent">About Tencent</a> |
                <a href="//www.qq.com/contract.shtml" rel="nofollow" target="_blank" title="服务条款">服务条款</a> |
                <a href="//y.qq.com/y/static/tips/service_tips.html" rel="nofollow" target="_blank" title="用户服务协议">用户服务协议</a> |
                <a href="//www.tencentmind.com/" rel="nofollow" target="_blank" title="广告服务">广告服务</a> |
                <a href="//hr.tencent.com/" rel="nofollow" target="_blank" title="腾讯招聘">腾讯招聘</a> |
                <a href="//service.qq.com/" rel="nofollow" target="_blank" title="客服中心">客服中心</a> |
                <a href="//www.qq.com/map/" rel="nofollow" target="_blank" title="网站导航">网站导航</a>
            </p>
				<p>Copyright © 1998 - <script type="text/javascript">document.write(new Date().getFullYear());</script>2017 Tencent. <a target="_blank" href="//www.tencent.com/en-us/le/copyrightstatement.shtml" rel="nofollow" title="All Rights Reserved.">All Rights Reserved.</a></p>
				<p>腾讯公司 <a target="_blank" href="//www.tencent.com/zh-cn/le/copyrightstatement.shtml" rel="nofollow" title="版权所有">版权所有</a> <a target="_blank" href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" rel="nofollow" title="腾讯网络文化经营许可证">腾讯网络文化经营许可证</a></p>
			</div>
		</div>

	</div>
	<script src="./vip.js"></script>
</body>
</html>